@charset "UTF-8";

/*遮罩层*/
.dialogCover {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7,17,27,0.3);
    z-index: 9999;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition: all .2s;
}

/* 弹框公共样式 */
.dialog {
	top: 50%;
    left: 50%;
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 10000;
}
.dialog.showPopup {
    -webkit-animation: showPopup .2s;
    animation: showPopup .2s;
}
.dialog.hidePopup {
    -webkit-animation: hidePopup .2s;
    animation: hidePopup .2s;
}
@-webkit-keyframes showPopup {
    0%{
        transform: scale(.5);
        -webkit-transform:scale(.5);
    }to{
         transform: scale(1);
         -webkit-transform:scale(1);
    }
}
@keyframes showPopup {
    0%{
        transform: scale(.5);
        -webkit-transform:scale(.5);
    }to{
         transform: scale(1);
         -webkit-transform:scale(1);
    }
}
@-webkit-keyframes hidePopup {
    0%{
        transform: scale(1);
        -webkit-transform:scale(1);
    }to{
         transform: scale(.5);
         -webkit-transform:scale(.5);
    }
}
@keyframes hidePopup {
    0%{
        transform: scale(1);
        -webkit-transform:scale(1);
    }to{
         transform: scale(.5);
         -webkit-transform:scale(.5);
    }
}
.dialog .del {
	font-size: 18px;
	padding:14px 20px 0;
}
.dialog .del a:hover {
	color: #333;
}

/* 兑换代金券 */
.exchangeCoupon {
	width: 430px;
	margin-top: -300px;
	margin-left: -215px;
}
.exchangeCoupon .content {
	padding:0 36px 40px;
}
.exchangeCoupon .title {
	font-size: 18px;
	color: #111;
	margin-bottom: 34px;
}
.exchangeCoupon .inputBox .text {
	font-size: 14px;
	color: #666;
	vertical-align: top;
	margin-top: 8px;
}
.exchangeCoupon .inputBox input {
	margin:4px 8px 0;
	padding:0 6px 4px;
	width: 180px;
	font-size: 14px;
	color: #111;
	border:none;
	outline: none;
	border-bottom: 2px solid #e5e5e5;
}
.exchangeCoupon .inputBox .confirm {
	width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #00a4e9;
	margin-left: 6px;
}
.exchangeCoupon .inputBox .confirm:hover {
	background: #0c87bc;
}
.exchangeCoupon .infos {
	font-size: 12px;
	color: #ababab;
	padding:26px 0 18px;
}
.exchangeCoupon .infos a {
	color: #00a4e9;
	margin-left: 30px;
}
.exchangeCoupon .infos a:hover {
	color: #0c87bc;
}
.exchangeCoupon .helpInfo {
	display: none;
	padding: 14px 36px 14px;
    background: #eff1f3;
    margin: 0 -36px;
}
.exchangeCoupon .helpInfo li {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	list-style: decimal inside;
}
.exchangeCoupon .helpInfo .trigon {
    top: -10px;
    right : 68px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #eff1f3;
}
.exchangeCoupon .couponList {
	margin:0 -36px;
	padding:16px 36px 0;
	border-top: 1px solid #ccc;
}
.exchangeCoupon .couponList .text {
	font-size: 16px;
	color:#111;
}
.exchangeCoupon .couponList .coupon {
	width: 320px;
	height: 65px;
	margin:12px auto 0;
	color: #fff;
	background-image: url("../img/activity/coupon1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.exchangeCoupon .coupon .num,
.predictComplete .coupon .num {
	right: -6px;
	top: -6px;
	width:18px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	background: #fb560a;
	z-index: 9;
}
.exchangeCoupon .coupon .courseMsg {
	width: 170px;
	margin-left: 80px;
	padding-top: 12px;
}
.exchangeCoupon .coupon .courseTitle {
	font-size: 16px;
	line-height: 1.5;
}
.exchangeCoupon .coupon .timeLimit {
	font-size: 12px;
	line-height: 1.4;
}
.exchangeCoupon .coupon .predict {
	width: 70px;
	height: 65px;
	line-height: 65px;
	right: 0;
	top: 0;
	font-size: 18px;
	color: #fff;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.exchangeCoupon .coupon .predict:hover {
	background: #2172e6;
}
.exchangeCoupon .emptyInfo {
	padding-top: 20px;
	font-size: 14px;
	color: #ababab;
}
.exchangeCoupon .emptyInfo .icon {
	width: 111px;
    height: 105px;
    margin: 0 auto 15px;
    background-image: url(../img/icons/info.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* 兑换并预约成功 */
.predictComplete {
	width: 430px;
	margin-left: -215px;
	margin-top: -210px;
	overflow: hidden;
}
.predictComplete .infos {
	margin:10px 0 20px;
}
.predictComplete .infos img {
	width: 57px;
	height: 57px;
}
.predictComplete .infos .text {
	font-size: 18px;
	color: #111;
	margin:15px 0 10px;
}
.predictComplete .infos .tips {
	font-size: 14px;
	color: #00a4e9;
}
.predictComplete .coupon {
	width: 290px;
	height: 65px;
	margin:0 auto;
	color: #fff;
	background: url("../img/activity/coupon2.png") no-repeat center;
}
.predictComplete .coupon .courseMsg {
	width: 195px;
	margin-left:85px;
	padding-top: 12px;
}
.predictComplete .coupon .courseTitle {
	font-size: 16px;
	line-height: 1.5; 
} 
.predictComplete .coupon .timeLimit {
	font-size: 12px;
	line-height: 1.4;
}
.predictComplete .description {
	font-size: 14px;
	color: #666;
	margin:15px 50px 20px;
	line-height: 1.4;
}
.predictComplete .shares {
	border-top: 1px solid #ccc;
	background: #eff1f3;
	padding:15px 0 25px;
}
.predictComplete .shares .text {
	font-size: 14px;
	color: #111;
	margin-bottom: 15px;
}
.predictComplete .shares .shareWays {
	padding:0 135px;
}
.predictComplete .shares a,.checkSupporter .shares a {
	display: inline-block;
	width: 34px;
    height: 34px;
    text-indent: 0;
    margin: 0 8px 0 0;
    background-image: url(../img/icons/postFinished.png);
    background-repeat: no-repeat;
}
.predictComplete .shares a.bds_tsina,
.checkSupporter .shares a.bds_tsina {
	background-position: -122px -37px;
}
.predictComplete .shares a.bds_tsina:hover,
.checkSupporter .shares a.bds_tsina:hover {
	background-position: -123px 0;
}
.predictComplete .shares a.bds_weixin,
.checkSupporter .shares a.bds_weixin {
	background-position: -41px -37px;
}
.predictComplete .shares a.bds_weixin:hover,
.checkSupporter .shares a.bds_weixin:hover {
	background-position: -41px 0;
}
.predictComplete .shares a.bds_sqq,
.checkSupporter .shares a.bds_sqq {
	background-position: 0 -37px;
}
.predictComplete .shares a.bds_sqq:hover,
.checkSupporter .shares a.bds_sqq:hover {
	background-position: 0 0;
}
.predictComplete .shares a.bds_qzone,
.checkSupporter .shares a.bds_qzone {
	background-position: -82px -37px;
}
.predictComplete .shares a.bds_qzone:hover,
.checkSupporter .shares a.bds_qzone:hover {
	background-position: -82px 0;
}

/* 支持进度 - 用户视角 */
.checkFollower,.checkSupporter {
	width: 430px;
	margin-left: -215px;
	margin-top: -230px;
}
.checkFollower .workerMsg,.checkSupporter .workerMsg {
	padding:0 42px;
	margin-bottom: 12px;
}
.checkFollower .workerPic,.checkSupporter .workerPic {
	width: 90px;
	height: 90px;
	margin:0 auto;
}
.checkFollower .workerMsg > .nickName,.checkSupporter .workerMsg > .nickName {
	font-size: 16px;
	color: #111;
	margin:5px 0 10px;
}
.checkFollower .workerMsg .description,.checkSupporter .workerMsg .description {
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}
.checkFollower .progressBox,.checkSupporter .progressBox {
	padding:0 42px;
}
.checkFollower .progressBox .userPicBox,.checkSupporter .progressBox .userPicBox  {
	height: 36px;
	margin-bottom: 8px;
}
.checkFollower .progressBox .userPicBox .userPic,
.checkSupporter .progressBox .userPicBox .userPic {
	width: 36px;
	height: 36px;
	top: 0;
}
.checkFollower .progressBox .userPic.num1,
.checkSupporter .progressBox .userPic.num1 {
	left:29%;
}
.checkFollower .progressBox .userPic.num2,
.checkSupporter .progressBox .userPic.num2  {
	left:61%;
}
.checkFollower .progressBox .userPic.num3,
.checkSupporter .progressBox .userPic.num3 {
	left:90%;
}
.checkFollower .progressBox .progress,.checkSupporter .progressBox .progress {
	height: 5px;
	background: #ccc;
}
.checkFollower .progressBox .progress .record,
.checkSupporter .progressBox .progress .record {
	height: 5px;
	top: 0;
	left: 0;
	width: 66.6%;
	background: #00a4e9;
}
.checkFollower .progressBox .progress .circle,
.checkSupporter .progressBox .progress .circle {
	display: block;
	width: 10px;
	height: 10px;
	top: -3px;
	background: #ccc;
	z-index: 5;
}
.checkFollower .progressBox .progress .circle.active,
.checkSupporter .progressBox .progress .circle.active {
	background: #00a4e9;
}
.checkFollower .progressBox .progress .circle.num1,
.checkSupporter .progressBox .progress .circle.num1 {
	left: 32.3%;
}
.checkFollower .progressBox .progress .circle.num2,
.checkSupporter .progressBox .progress .circle.num2 {
	left: 64.6%;
}
.checkFollower .progressBox .progress .circle.num3,
.checkSupporter .progressBox .progress .circle.num3 {
	left: 97.9%;
}
.checkFollower .progressBox .btns,
.checkSupporter .progressBox .btns {
	margin:16px 0 10px;
}
.checkFollower .progressBox .btns a,
.checkSupporter .progressBox .btns a {
	padding:6px 12px;
	font-size: 14px;
	border:1px solid #666;
}
.checkFollower .progressBox .btns .support,
.checkSupporter .progressBox .btns .support {
	margin-right: 30px;
}
.checkFollower .progressBox .btns a:hover,
.checkSupporter .progressBox .btns a:hover  {
	color: #fff;
	background: #b6b6b6;
	border-color: #b6b6b6;
}
.checkFollower .progressBox .btns a.active,
.checkSupporter .progressBox .btns a.active {
	color: #00a4e9;
	border:1px solid #00a4e9;
}
.checkFollower .progressBox .btns a.active:hover,
.checkSupporter .progressBox .btns a.active:hover {
	color: #fff;
	background: #00a4e9;
}
.checkFollower .progressBox .text,
.checkSupporter .progressBox .text {
	font-size: 12px;
	color: #999;
	margin-bottom: 12px;
}
.checkFollower .follower,
.checkSupporter .follower {
	border-top: 1px solid #ccc;
	padding:15px 40px 20px;
}
.checkFollower .follower .text,
.checkSupporter .follower .text {
	font-size: 16px;
	color: #111;
	margin-bottom: 12px;
}
.checkFollower .follower .emptyInfo,
.checkSupporter .follower .emptyInfo {
	font-size: 14px;
	color: #ababab;
	padding:6px 0;
}
.checkFollower .followerList a,
.checkSupporter .followerList a {
	width: 50px;
	margin-right: 30px;
}
.checkFollower .followerList a img,
.checkSupporter .followerList a img {
	width: 40px;
	height: 40px;
}
.checkFollower .followerList a .nickName,
.checkSupporter .followerList a .nickName {
	font-size: 14px;
	color: #666;
	margin-top: 6px;
}


/* 支持进度 - 作者视角 */
.checkSupporter {
	margin-top:-310px; 
}
.checkSupporter .shares {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:12px 40px;
}
.checkSupporter .shares .text {
	font-size: 16px;
    color: #111;
    margin:8px 30px 0 0 !important;
}
.checkSupporter .coupon {
	width: 320px;
	height: 65px;
	margin:12px auto 10px;
	color: #fff;
	background-image: url("../img/activity/coupon1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.checkSupporter .coupon .courseMsg {
	width: 170px;
	margin-left: 80px;
	padding-top: 12px;
}
.checkSupporter .coupon .courseTitle {
	font-size: 16px;
	line-height: 1.5;
}
.checkSupporter .coupon .timeLimit {
	font-size: 12px;
	line-height: 1.4;
}
.checkSupporter .coupon .predict {
	width: 70px;
	height: 65px;
	line-height: 65px;
	right: 0;
	top: 0;
	font-size: 18px;
	color: #fff;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
.checkSupporter .coupon .predict:hover {
	background: #2172e6;
}
.checkSupporter .coupon.disable {
	background-position: 0 -66px;
}
.checkSupporter .coupon.disable .predict {
	cursor: default;
}
.checkSupporter .coupon.disable .predict:hover {
	background: rgba(33, 114, 230, 0);
}
.checkSupporter .infos {
	font-size: 12px;
	color: #00a4e9;
	margin-bottom: 25px;
}
.checkSupporter .progressBox {
	margin-bottom: 30px;
}

/*三人组团*/
.threeGroup {
    width: 430px;
    margin-top: -150px;
    margin-left: -215px;
}
.threeGroup .title {
    font-size: 18px;
    color: #111;
    margin-bottom: 46px;
}
.threeGroup .content {
    padding: 0 36px 40px;
}
.threeGroup .infos .ruleTitle {
    font-size: 12px;
    color: #00a4e9;
    margin-bottom: 10px;
}
.threeGroup .infos .ruleContent {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
.threeGroup .shares {
    border-top: 1px solid #ccc;
    background: #eff1f3;
    padding: 15px 0 25px;
}
.threeGroup .shares .text {
    font-size: 14px;
    color: #111;
    margin-bottom: 15px;
}
.threeGroup .shares .shareWays {
    padding: 0 128px;
}
.threeGroup .shares a {
	display: inline-block;
    width: 34px;
    height: 34px;
    text-indent: 0;
    margin: 0 8px 0 0;
    background-image: url(../img/activity/sharesIcon.png);
    background-repeat: no-repeat;
}
.threeGroup .shares a.bds_weixin {
    background-position: -41px -37px;
}
.threeGroup .shares a.bds_sqq {
    background-position: 0 -37px;
}
.threeGroup .shares a.bds_qzone {
    background-position: -82px -37px;
}
.threeGroup .shares a.bds_tsina {
    background-position: -122px -37px;
}
.threeGroup .shares a.bds_tsina:hover {
	background-position: -123px 0;
}
.threeGroup .shares a.bds_weixin:hover {
	background-position: -41px 0;
}
.threeGroup .shares a.bds_sqq:hover {
	background-position: 0 0;
}
.threeGroup .shares a.bds_qzone:hover {
	background-position: -82px 0;
}

/*领取成功*/
.receiveSuccess {
    width: 430px;
    margin-left: -215px;
    margin-top: -200px;
    overflow: hidden;
}
.receiveSuccess .infos {
    margin: 10px 0 20px;
}
.receiveSuccess .infos img {
    width: 57px;
    height: 57px;
}
.receiveSuccess .infos .text {
    font-size: 18px;
    color: #111;
    margin: 15px 0 10px;
}
.receiveSuccess .infos .tips {
    font-size: 14px;
}
.receiveSuccess .description {
    font-size: 14px;
    color: #666;
    margin: 15px 50px 20px;
    line-height: 1.4;
}
.receiveSuccess .coupon {
    width: 290px;
    height: 65px;
    margin: 0 auto;
    color: #fff;
    background: url(../img/activity/coupon2.png) no-repeat center;
}
.receiveSuccess .coupon .num, .predictComplete .coupon .num {
    right: -6px;
    top: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #fb560a;
    z-index: 9;
}
.receiveSuccess .coupon .courseMsg {
    width: 195px;
    margin-left: 85px;
    padding-top: 12px;
}
.receiveSuccess .coupon .courseTitle {
    font-size: 16px;
    line-height: 1.5;
}
.receiveSuccess .coupon .timeLimit {
    font-size: 12px;
    line-height: 1.4;
}
.receiveSuccess .btn.tac {
    margin-top: 20px;
}
.receiveSuccess .confirm {
    width: 85px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #00a4e9;
    margin: 20px auto 40px;
}
.receiveSuccess .confirm:hover {
	background: #0c87bc;
}
.receiveSuccess .userName {
    color: #00a4e9;
}

/*三张代金券已赠送完*/
.couponAway {
    width: 430px;
    margin-left: -215px;
    margin-top: -190px;
    overflow: hidden;
}
.couponAway .infos {
    margin: 10px 0 20px;
}
.couponAway .infos img {
    width: 57px;
    height: 57px;
}
.couponAway .infos .text {
    font-size: 18px;
    color: #111;
    margin: 15px 0 10px;
}
.couponAway .instruction .text {
    font-size: 12px;
    color: #00A4E9;
    margin: 15px 0 10px;
}
.couponAway .infos .tips {
    font-size: 14px;
}
.couponAway .description {
    font-size: 14px;
    color: #666;
    margin: 15px 50px 20px;
    line-height: 1.4;
}
.couponAway .coupon {
    width: 290px;
    height: 65px;
    margin: 0 auto;
    color: #fff;
    background: url(../img/activity/coupon2.png) no-repeat center;
}
.couponAway .coupon .num, .predictComplete .coupon .num {
    right: -6px;
    top: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #fb560a;
    z-index: 9;
}
.couponAway .coupon .courseMsg {
    width: 195px;
    margin-left: 85px;
    padding-top: 12px;
}
.couponAway .coupon .courseTitle {
    font-size: 16px;
    line-height: 1.5;
}
.couponAway .coupon .timeLimit {
    font-size: 12px;
    line-height: 1.4;
}
.couponAway .btn.tac {
    margin-top: 20px;
}
.couponAway .confirm {
    width: 85px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #00a4e9;
    margin: 20px auto 40px;
}
.couponAway .confirm:hover {
	background: #0c87bc;
}
.couponAway .userName {
    color: #00a4e9;
}

/*领取代金券*/
.getCoupon {
    width: 430px;
    margin-left: -215px;
    margin-top: -200px;
    overflow: hidden;
}
.getCoupon .infos {
    margin: 10px 0 20px;
}
.getCoupon .infos img {
    width: 57px;
    height: 57px;
}
.getCoupon .infos .text {
    font-size: 18px;
    color: #111;
    margin: 15px 0 10px;
}
.getCoupon .infos .tips {
    font-size: 14px;
}
.getCoupon .description {
    font-size: 14px;
    color: #666;
    margin: 15px 50px 20px;
    line-height: 1.4;
}
.getCoupon .coupon {
    width: 320px;
    height: 65px;
    margin-left: 50px;
    margin-top: 12px;
    color: #fff;
    background-image: url("../img/activity/coupon1.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.getCoupon .coupon .num, .predictComplete .coupon .num {
    right: -6px;
    top: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #fb560a;
    z-index: 9;
}
.getCoupon .coupon .courseMsg {
    width: 195px;
    margin-left: 85px;
    padding-top: 12px;
}
.getCoupon .coupon .courseTitle {
    font-size: 16px;
    line-height: 1.5;
}
.getCoupon .coupon .timeLimit {
    font-size: 12px;
    line-height: 1.4;
}
.getCoupon .btn.tac {
    margin-top: 20px;
}
.getCoupon .moreCoupon {
    width: 110px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin: 25px 51px 40px;
    color: #00a4e9;
    border: 1px solid #00a4e9;
}
.getCoupon .moreCoupon:hover {
	background: #00a4e9;
	color:#fff;
}
.getCoupon .coupon .predict {
    width: 70px;
    height: 65px;
    line-height: 65px;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}
.getCoupon .coupon .predict:hover {
    background: #2172e6;
}

/* 扫描二维码 */
.wechatCodeDialog {
	width: 430px;
    margin-left: -215px;
    margin-top: -200px;
    overflow: hidden;
}
.wechatCodeDialog .content {
	padding:30px 45px 45px;
}
.wechatCodeDialog .content img {
	width: 180px;
	height: 180px;
}
.wechatCodeDialog .content .info {
	font-size: 16px;
	color: #333;
	margin:8px auto 12px;
}
.wechatCodeDialog .content .tips {
	font-size: 14px;
	color :#ababab;
}